$(function(){
    let { layer } = layui
    let { form } = layui
    // ================== 把服务器数据渲染到页面 =====================
    initArtCateList()
    function initArtCateList() {
        // 2.定义数据
        $.ajax({
            method:'GET',
            url:'/my/article/cates',
            success:function(res){
                // 4.调用函数
                let html = template('tpl-table',res)
                // 5.渲染页面
                $('tbody').html(html)
            }
        })
    }
    // =================== 新增类别 ====================
    // 关闭返回层的索引
    let indexAdd = null
    $('#addList').on('click',function(){
        indexAdd = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            content: $('#dialog-add').html(),
        })
    })
    $('body').on('submit','#form-add',function(e){
        e.preventDefault()
        $.ajax({
            method:'POST',
            url:'/my/article/addcates',
            data:$(this).serialize(),
            success:function(res){
                if (res.status !== 0) return layer.msg('新增分类失败！')
                initArtCateList()
                layer.msg('新增分类成功！')
                // 关闭弹出层
                // $('.layui-layer-close1').click()
                layer.close(indexAdd)
            }
        })
    })
    // ===================== 编辑类别 ========================
    let indexEdit = null
    // 点击编辑弹出编辑框
    $('tbody').on('click','.btn-edit',function(){
        indexEdit = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '修改文章分类',
            content: $('#dialog-edit').html()
        })
        // 获取指定的编辑按钮id
        let id = $(this).attr('data-id')
        $.ajax({
            method:'GET',
            url:'/my/article/cates/' + id,
            success:function(res){
                // 填充数据到表单
                form.val('form-edit',res.data)
            }
        })
    })
    // 确认修改
    $('body').on('submit','#form-edit',function(e){
        e.preventDefault()
        $.ajax({
            method:'POST',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function(res){
                if (res.status !== 0) return layer.msg('修改失败!')
                initArtCateList()
                layer.msg('修改成功!')
                layer.close(indexEdit)
            }   
        })
    })
    // ============= 删除类别 ==============
    $('body').on('click','.btn-delete',function(){
        let id = $(this).data('id')
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
            $.ajax({
                method:'GET',
                url:'/my/article/deletecate/' + id,
                success:function(res){
                    if (res.status !== 0) return layer.msg('删除失败!')
                    initArtCateList()
                    layer.msg('删除成功!')
                    layer.close(index)
                }
            })
        })
    })
})